<template>
    <div class="lb-root">
    
        <swiper auto dots-position="center" loop height="20rem" width="100%">
            <swiper-item class="black" v-for="s in swi">
                <router-link :to="'/lun/'+s.album_id">
                    <div>
                        <div class="imgg">
                            <img :src="s.image" />
                        </div>
                        <ul class="ul">
                            <li>{{s.timestamp}}</li>
                            <li class="li1">{{s.title}}</li>
                        </ul>
                    </div>
                </router-link>
            </swiper-item>
        </swiper>
    
    </div>
</template>
<script>
import { Swiper, SwiperItem } from "vux";
export default {
    props: ["swi"],
    components: {
        Swiper,
        SwiperItem
    },

}
</script>
<style scoped>
.lb-root {
    margin-bottom: 20px;
}

img {
    width: 100%;
}

li {
    list-style: none;
    color: white;
}



/*.imgg{
    height: 150px;
}*/

.ul {
    position: absolute;
    bottom: 20px;
    left: 0px;
}

.li1 {
    font-size: 16px;
}
</style>
